/* Header */
#header-wrapper { background-color:#27ae60; color:white; position:relative; width:100%; margin:0 auto; padding:0 0 10px }
#headtitle { display:inline-block; text-align:center; margin-bottom:10px; width:100%; float:left }
#isihead { overflow:hidden }
#header h1 { font-size:30px; line-height:1.2em; text-align:center; text-transform:uppercase; font-family:Tw Cen MT Condensed }
#header a { color:#fff; text-decoration:none; text-align:center }
#header a:hover { color:yellow }
#header .description { display:inline; background-color:#2ecc71; font-weight:bold; margin:0 0 5px; padding:7px 10px; text-transform:capitalize; line-height:1.4em; text-align:center;border-bottom-right-radius:5px; border-bottom-left-radius:5px }
#header img { margin-left:auto; margin-right:auto }
.titlewrapper { font-size:200%; color:#fff; background-color:#2ecc71; padding:7px 10px; margin:0 }
.clearfix { clear:both; height:0; line-height:0 }
.emoWrap { margin:10px 0 0 }

/* main */
#outer-css { background-color:#27ae60; width:777px; margin:0 auto; padding:0 5px }
#outer-wrapper { background-color:#2ecc71; width:100%; padding:10px; margin:0 auto; box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333 }
#Content { width:100% }
#contentInner { background-color:#2ecc71; width:100%; margin:0 auto }
#atas-posting { float:left; width:100%; margin-top:5px; margin-bottom:5px }
#kotak-utama { float:left; width:100%; margin:0 auto }
#kotak-bawah { background-color:#fff; float:left; width:100%; margin:0 auto; padding:10px 10px 0 }
.kotak-dalem { background-color:transparent; padding:0; margin-bottom:10px }
.content_box { background-color:#C4F3D7; padding:10px }
.content_box img { background-color:#333; display:block; margin:0 auto; max-width:95%; height:auto; padding:3px; text-align:center; border:1px solid #ccc; border-radius:2px }
#comments.comments.content_box img { background-color:transparent; display:inline; margin:0; max-width:100%; padding:1px; border:none; text-align:left; box-shadow:none; border-radius:0 }
.content_box h1 { color:#1C3B29; font-family:Segoe UI; font-size:18px; padding:0 0 5px 0; text-align:left; border-bottom:2px solid #ddd; font-weight:bold; position:relative }
.content_box h1 a { color:#27ae60; text-decoration:none }
.content_box h1 a:hover { color:#2ecc71; text-decoration:none }
.content_box .postmeta { color:#2ecc71 }
.spanstyle { margin-top:5px; margin-bottom:16px; float:left }
.content_box div span a { color:#2ecc71; text-decoration:none }
  
/* sidebar1 */
#sidebar-left { float:left; width:49% }
#widgets1 { box-shadow:0 0 3px #e0e0e0; padding:0; margin:0 }
#widgets1 h2{ background-color:#27ae60; position:relative; padding:3px 5px 5px 13px; color:#FFF; letter-spacing:1px; text-transform:uppercase; text-shadow:0 1px 0 white }
#widgets1 h2:before {
  width:0px;
  height:0px;
  position:absolute;
  right:0;
  top:0;
  border-width:12px;
  border-style:solid;
  border-color:transparent #f4f4f4 transparent transparent;
}
#widgets1 .widget { margin:0 0 10px; padding:0 0 }
#widgets1 .widget-content { background-color:#2ecc71; padding:5px 7px 7px 7px; height:auto; margin:0 auto; box-shadow: 0 1px 1px #666 }
#widgets1 ul li a:hover { color:#27ae60 }
  
/* sidebar2 */
#sidebar-right { float:right; width:49%; }
#widgets2 { box-shadow:0 0 3px #e0e0e0; padding:0; margin:0 }
#widgets2 h2{ background-color:#27ae60; position:relative; padding:3px 5px 5px 13px; color:#FFF; letter-spacing:1px; text-transform:uppercase; text-shadow:0 1px 0 white;transition:all .4s ease-out}
#widgets2 h2:before {
  width:0px;
  height:0px;
  position:absolute;
  right:0;
  top:0;
  border-width:12px;
  border-style:solid;
  border-color:transparent #f4f4f4 transparent transparent;
}
#widgets2 .widget { margin:0 0 10px; padding:0 0 }
#widgets2 .widget-content { background-color:#2ecc71; padding:5px 7px 7px 7px; height:auto; margin:0 auto; box-shadow: 0 1px 1px #666; overflow:auto }
#widgets2 ul li a:hover { color:#27ae60 }
  
/* main page */
#text-body { line-height:1.3em; font-weight:lighter; clear:both }
#text-body h1 { font-size:20px; font-weight:normal; margin:0; padding:0; border:none; line-height:1.3em; }
#text-body h2 { font-size:18px; line-height:1.3em; }
#text-body h3 { font-size:16px; font-weight:normal; line-height:1.3em; }
#text-body h4 { font-size:14px; line-height:1.3em; }
#text-body h5 { font-size:12px; line-height:1.3em; }
#text-body h6 { font-size:10px; line-height:1.3em; }
#text-body ul { list-style:circle; margin-left:20px; padding:0; color:#2A0037 }
#text-body li { list-style:circle; margin-left:5px; padding:0; color:#2A0037 }

/* copyright and social network */  
#kredit-link { background-color:#27ae60; font-family:Segoe UI; color:#fff; text-align:center; height:auto; overflow:hidden; font-size:14px; padding:10px 10px 10px; margin:0; }
#kredit-link a { color: #1B7942 }
#kredit-link a:hover { color:yellow }
#kredit-link .right { float:right; text-align:right; overflow:hidden }
#kredit-link .left { float:left; text-align:left; overflow:hidden }

/* Links */
a{color:#2ecc71; text-decoration:none; transition:all .4s ease-out;}
a:focus,a:active,a:hover { transition-duration:0s; text-decoration:none }


/* Widgets */
.widget ul { margin:0 }
.widget ul ul { margin-left:1.5em }
.widget ul li { text-decoration:none }
.widget a { font-weight:normal; text-decoration:none }
.widget a:hover,.widget a:focus,.widget a:active { text-decoration:none; color:#27ae60 }
/* Footer */
  

/* Navigation */
#topnav {
background:#1A1A1A;
overflow:hidden;
padding:5px 0;
font-size:11px;
}
#topnav .wrapnya,
#nav .wrap,
#headisi,
#content-wrapper {
margin:0 auto;
width:98%;
}
#topnav .tgltop {
float:left;
color:#E2E2E2;
display:block;
line-height:20px;
}
#topmenunya,
#topmenunya ul {
float:right;
max-width:600px;
}
#topmenunya ul,
#topmenunya li,
#navinti,
#navinti ul,
#navinti li {
padding:0;
margin:0;
list-style:none;
}
#topmenunya li,
#navinti,
#navinti li {
float:left;
position:relative;
}
#topmenunya li a {
display:block;
line-height:20px;
padding:0 10px;
text-decoration:none;
}
#topmenunya li a:hover {
color:#E2E2E2;
}
#topmenunya li.selected a {
background-color:#007ABE;
border-radius:3px;
color:#E2E2E2;
font-weight:normal;
}
#topmobilenav,
#mobilenav {
background-color:#007ABE;
}
/* = Middle Nav = */
#nav {
height:50px;
position:relative;
z-index:1;
}
#nav .bgnya {
width:100%;
background-color:#2E2E2E;
height:50px;
position:absolute;
z-index:-1;
bottom:0;
left:0;
border-bottom:4px solid #2ecc71;
box-shadow:0 1px 6px #2ecc71;
}
#navinti a {
text-decoration:none;
line-height:50px;
padding:0 15px;
color:#E6E6E6;
display:block;
transition:background-color .4s ease-in-out;
}
#navinti > li > a {
font:normal normal 90% 'Open Sans', serif ,Sans-serif;
line-height:50px;
text-transform:uppercase;
font-weight:600;
height:50px;
}
#navinti a.homex {
text-indent:-9999px;
padding:0;
width:50px;
background-image:url(http://2.bp.blogspot.com/-QeSf1t2iBOI/UWxMDIUjlbI/AAAAAAAAI9I/02h3nW3FLD4/w25/home.png);
background-position:12px -34px;
background-repeat:no-repeat;
background-color:#2ecc71;
}
#navinti a.homex.current {
background-position:12px 8px;
}
#navinti > li > a.current,
#navinti > li:hover > a {
background-color:#2ecc71;
line-height:50px;
z-index:99;
position:relative;
}
#navinti ul {
position:absolute;
float:none;
z-index:98;
width:170px;
top:100%;
display:none;
}
#navinti ul li {
float:none;
}
#navinti ul a {
color:#fff;
background-color:#2ecc71;
margin:2px 0;
height:32px;
line-height:32px;
font-size:85%;
}
#navinti > li {
margin-right:2px;
}
#navinti li:hover > ul.hidden {
display:block;
}
#navinti > li.dgnsub > a {
background-image:url(http://1.bp.blogspot.com/-3up21TyG9gw/UWxMC2CWcrI/AAAAAAAAI9A/YZp0LzStkQY/w20/arrows1.png);
background-repeat:no-repeat;
background-position:100% 13px;
padding:0 22px 0 10px;
}
#navinti > li.dgnsub:hover > a {
background-position:100% -43px;
}
#navinti ul ul {
left:101%;
top:-2px;
}
#navinti ul li.dgnsubsub > a {
background-image:url(http://1.bp.blogspot.com/-3up21TyG9gw/UWxMC2CWcrI/AAAAAAAAI9A/YZp0LzStkQY/w20/arrows1.png);
background-repeat:no-repeat;
background-position:100% -106px;
}
/* = Middle Nav (Responsive) = */
#navinti.small {
position:absolute;
float:none;
left:10px;
right:10px;
top:100%;
padding:5px 10px;
background-color:#2E2E2E;
z-index:99;
border:1px solid #D3D3D3;
border-top:0;
box-shadow:0 1px 5px #C0C0C0;
}
#navinti.small li {
float:none;
}
#navinti.small > li > a,
#navinti.small a.homex {
line-height:30px;
height:30px;
display:block;
border-radius:2px;
text-indent:0;
padding:0 15px;
width:auto;
}
#navinti.small a.homex {
background-image:none;
}
#navinti.small > li > a.current,
#navinti.small > li:hover > a {
line-height:30px;
}
#navinti.small > li.dgnsub > a {
padding:0 15px;
background-position:100% 4px;
}
#navinti.small > li.dgnsub:hover > a,
#navinti.small ul li.dgnsubsub:hover > a {
background-position:100% -53px;
}
#navinti.small ul {
position:static;
width:auto;
}
#navinti.small ul li.dgnsubsub > a {
background-position:100% 4px;
}
#navinti.small ul a {
padding:0 15px 0 25px;
}
#navinti.small ul ul a {
padding:0 15px 0 35px;
}



/* Search Box
-----------------------------------------------
*/
#searchnya {
float:right;
width:195px;
margin:10px 0 0;
}
#ajax-search-form {
position:relative;
font:normal normal 11px Arial,Sans-Serif;
width:191px;
float:right;
}
#ajax-search-form input {
color:#F0EDED;
margin:0 0;
background:#494949;
padding:8px 8px;
font-size:10px;
outline:0;
width:140px;
float:left;
border:0;
}
#ajax-search-form input:focus {
color:#FFF;
}
#search-result {
color:#585858;
border:1px solid #F3F3F3;
background-color:#FFFFFF;
padding:8px 10px;
margin:10px 0;
width:280px;
height:auto;
position:absolute;
top:27px;
right:10px;
z-index:99;
box-shadow:0 1px 3px #999;
display:none;
}
#search-result * {
margin:0 0 0 0;
padding:0 0 0 0;
}
#search-result h4,
#search-result strong {
display:block;
margin:0 30px 10px 0;
}
#search-result ol {
list-style:none;
overflow:hidden;
max-height:450px;
}
#search-result ol:hover {
overflow:auto;
}
#search-result ol a:hover {
text-decoration:underline;
}
#search-result .close {
text-decoration:none;
display:block;
position:absolute;
top:4px;
font-size:18px;
right:10px;
line-height:normal;
color:black;
}
#search-result li {
padding:5px 0;
}
#search-result strong {
margin:0 0 3px 0;
display:block;
}
#search-result img {
float:left;
display:block;
margin:0 5px 0 0;
border-radius:2px;
}
#searchnya button {
text-indent:-9999px;
overflow:hidden;
margin:0;
width:35px;
background:transparent url(http://1.bp.blogspot.com/-hTfIMjA6-gM/URp-Aoo4QcI/AAAAAAAAIaw/2evt7nA0AsY/s22/button-search.png) center no-repeat;
height:29px;
font-size:12px;
font-family:Arial,Helvetica,sans-serif;
position:relative;
cursor:pointer;
border:none !important;
outline:none;
}

  
#bottom-social { background-color:transparent; margin:0 auto; margin-top:-5px; text-align:center; padding:5px; width:100% }
a.soicon { color:#fff; margin-right:3px; display:inline-block; height:24px; line-height:24px; padding-left:22px; background-image:url(http://4.bp.blogspot.com/-xle7tRvibpc/UIecojbG6kI/AAAAAAAACw0/lvzIR05C3tI/s1600/socialicons.png); background-position:0 -6px; background-repeat:no-repeat;transition:color .4s ease-in-out }
a.soicon:hover { color:#fdd700 }
a.facebookx { background-position:0 -6px }
a.facebookx:hover { background-position:0 -150px }
a.twitterx { background-position:0 -79px }
a.twitterx:hover { background-position:0 -223px }
a.googlex { background-position:0 -43px }
a.googlex:hover { background-position:0 -187px }
a.rssx { background-position:0 -115px }
a.rssx:hover { background-position:0 -259px }
.nibbler-badge { position:absolute; padding-left:3px; margin:0 auto }

/* css button back to top */
#backtop{cursor:pointer;position:fixed!important;position:absolute;left:50%;bottom:-70px;z-index:999;background-color:#000;border:1px solid #333;box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #333;width:35px;height:50px;overflow:hidden;text-indent:-999px;border-top-left-radius:5px; border-top-right-radius:5px;}

/* css load more posts and blog-pager */
#blog-pager { margin-bottom:5px; margin-top:0 }
#blog-pager-newer-link {  box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3); background-color:#ddd; padding:5px 10px; color:#333; text-shadow:1px 1px 0 #E0E0E0; border-left:5px solid #666; border-right:5px solid #666; display:none }
  #blog-pager-older-link { box-shadow:0 2px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3); background-color:#ddd; padding:5px 10px; color:#333; text-shadow:1px 1px 0 #E0E0E0; margin:0 0 5px }
#blog-pager { text-align:center }
.feed-links { display:none }
#backtop::after{position:absolute;top:7px;left:10px;width:0;height:0;border-width:10px 7px;border-style:solid;border-color:transparent transparent gold transparent;}
  
  
  #likeiframe { float:right; background-color:#27ae60; padding:2px 0 5px 0; margin:20px -10px -10px 0 }  
  
/* pengaturan emticon untuk posting */
.emo.delayLoad { display:inline; text-align:left; background-color:transparent; width:auto; height:auto }

  #error404 { font-size:20px; color:#fff }  
  
/*Comment */
.comments {
  clear:both;
  line-height:1em;
  margin:1.5em 0em 0em;
}
.comments h4 {
  text-transform:capitalize;
  border-bottom:1px solid #2ecc71;
  border-left:3px solid #2ecc71;
  padding:10px;
  margin-bottom:20px;
}
.comments ol,.comments ul,.comments li {
  margin:0;
  padding:0;
}
.comments .comments-content .comment-replies {}
.deleted-comment {color:#fff}
.comments .comments-content {
  font-size:12px;
  overflow:hidden;
}
.comments .comment .comment-actions a {
  display:inline-block;
  margin: 0px 5px 0px 0px;
  padding:1px 6px;
  text-align:center;
  text-decoration:none;
  color:#fff !important;
  background-color:#2ecc71;
  font: 12px/20px sans-serif;
  border-left:2px solid #196C3B
}
.comments .comment .comment-actions a:hover {
  color:#2ecc71 !important;
  background-color:#27ae60 !important;
}
.item-control {display:inline}
.comments .comments-content .comment-thread ol {
  list-style-type:none;
  padding:0;
  text-align:left;
}
.comments .comments-content .comment-thread ol.thread-expanded {margin-top:1em}
.comments .comments-content .inline-thread {padding:0.5em 0em}
.comments .comments-content .comment-thread {margin:0px}
.comments .comments-content .comment-thread:empty {display:none}
.comments .comments-content .comment-replies {
  margin-top:10px;
  margin-left:48px;
}
.comments .comments-content .comment {}
.comments .comments-content .comment:first-child {padding-top:0px}
.comments .comments-content .comment:last-child {padding-bottom:0}
.comments .comments-content .comment-body {position:relative}
.comments .comments-content .user {
  font-size:15px;
  color:#fff !important;
  text-decoration:none;
  font-style:normal;
}
.comments .comments-content .datetime {
  font-size:11px;
  color:#fff;
  text-decoration:none;
  font-style:normal !important
}
.comments .comments-content .datetime a {float:right}
.comments .comments-content .comment-header {
  margin:0 0 5px;
  border:thin solid #8FE6B3;
  background-color:#208D4E;
  padding:5px;
}
.comments .comments-content .comment-content {
  margin:0 0 5px;
  padding:5px;
  border:thin solid #8FE6B3;
  background-color:#C4F3D7;
  line-height:21px;
  text-align:left;
  line-height:1.5;
}
.comments .comments-content .owner-actions {
  position:absolute;
  right:0;
  top:0;
}
.comments .comments-replybox {
  border:none;
  height:250px;
  width:100%;
}
.comments .comment-replybox-single {
  margin-top:5px;
  margin-left:48px;
}
.comments .comment-replybox-thread {margin-top:5px}
.comments .comments-content .loadmore a {
  display:block;
  padding:10px 16px;
  text-align:center;
}
.comments .thread-toggle {
  cursor:pointer;
  display:inline-block;
}
.comments .continue a {
  display:block;
  padding:2px 5px;
  cursor:pointer;
  border:1px solid #97BAA5;
  text-align:center;
  text-decoration:none;
  font: 12px/20px sans-serif;
  color:#000 !important;
  background-color:#8FE6B3;
}
.comments .continue a:hover {
  text-decoration:none !important;
  box-shadow:inset 0px 1px 2px rgba(0,0,0,.3);
}
.comments .comments-content .loadmore {
  cursor:pointer;
  max-height:3em;
  margin-top:3em;
}
.comments .comments-content .loadmore.loaded {
  max-height:0;
  overflow:hidden;
}
.comments .thread-chrome.thread-collapsed {display:none}
.comments .thread-toggle {display:inline-block}
.comments .thread-toggle .thread-arrow {
  display:inline-block;
  height:6px;
  width:7px;
  overflow:visible;
  margin:0.3em;
  padding-right:4px;
}
.comments .thread-expanded .thread-arrow {background:url(" DEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent}
.comments .thread-collapsed .thread-arrow {background:url(" DEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent}
.comments .avatar-image-container {
  float:left;
  width:36px;
  max-height:36px;
  overflow:hidden;
  margin-left:0px;
  border:1px solid #2ecc71;
  padding:4px !important;
  background-color:#27ae60;
}
.comments .avatar-image-container img {
  width:36px;
}
.comments .comment-block {
  margin-left:48px;
  position:relative;
  padding:5px;
  background-color: #8FE6B3;
  border:1px solid #27ae60;
  z-index:99;
}
.comments #form-wrapper,.comments .comment-form {
  padding:5px;
  background-color:#27ae60;
  border:3px solid #1B7942;
  margin:0 0 10px;
}
.comments .comment-form h4#comment-post-message {display:none}
.comments #form-wrapper iframe {padding:0 0 0 10px}
.comments .comment-form iframe#comment-editor {
  padding: 5px;
  width: 700px;
  display: block;    
}
div.comment-form {
  max-width:none;
  width:auto !important;
  display:block;
}
#form-wrapper p,.comment-form p {
  background-color:#85D6A7;
  border:3px solid #219752;
  padding:10px;
  font-size:13px;
  line-height:1.6em;
  color:#141414;
  margin:5px 5px 0;
  font-family:Georgia,Arial,Lucida Grande,serif;
  font-style:italic;
  position:relative;
}

#form-wrapper p:before,.comment-form p:before {
  border-top-color:#3F3F3F;
  border-width:15px;
  left:50px;
  margin-left:-36px;
}
#form-wrapper p:after,.comment-form p:after {
  border-top-color:#333333;
  border-width:9px;
  left:50px;
  margin-left:-30px;
}
@media screen and (max-device-width:480px) {
  .comments .comments-content .comment-replies {margin-left:0}
}
/* breadcrumbs */
.breadcrumbs { position:relative; font-size:11px; padding:0 6px; min-height:28px; overflow:hidden; line-height:23px; background-color:#27ae60; margin:0 auto; border: 1px solid #000; border-bottom:2px solid #000 } 
.breadcrumbs .homez { display:inline-block; text-indent:-9999px; width:16px; background:transparent url(http://2.bp.blogspot.com/-WvUMu8I1hAs/UQilwS6559I/AAAAAAAAIDI/K8MhVCjfxaA/s1600/spriteiconshare.png) no-repeat -4px -37px }
#kotak-bawah { padding:10px 10px 0 }
 

/* css widget diatas postingan */
.upperposting{width: 100%;padding:10px 0px 10px 10px;background:#fff;margin:0px 0px 10px 0px;text-align:left;}
.upperposting .widget{}

/* Tagfree untuk koding di postingan KT */
pre{background-color:#FFF;background-size:30px 30px;background-repeat:repeat;font:bold 12px/15px Inconsolata,Monaco,Consolas,"Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier,monospace;color:#333;border:2px solid #666;overflow:auto;word-wrap:normal;white-space:pre;box-shadow:0 1px 2px rgba(0,0,0,0.2);position:relative;margin:10px 5px;padding:0 7px}
pre[data-codetype]{padding:29px 1em 7px}
pre[data-codetype]:before{content:attr(data-codetype);display:block;position:absolute;top:0;right:0;left:0;background-color:#666;font:bold 11px/20px Arial,Sans-Serif;color:#FFF;padding:0 7px}
pre[data-codetype=HTML]{color:#08464B;border-color:#1abc9c}
pre[data-codetype=CSS]{color:#066509;border-color:#2ecc71}
pre[data-codetype=JavaScript]{color:#1F2E24;border-color:#545448}
pre[data-codetype=JQuery]{color:#2E2E27;border-color:#395540}
pre[data-codetype=PHP]{color:#865003;border-color:#F90}
pre[data-codetype=XML]{color:#790015;border-color:#FF0C39}
pre[data-codetype=HTML]:before{background-color:#1abc9c}
pre[data-codetype=CSS]:before{background-color:#2ecc71}
pre[data-codetype=JavaScript]:before{background-color:#545448}
pre[data-codetype=JQuery]:before{background-color:#395540}
pre[data-codetype=PHP]:before{background-color:#F90}
pre[data-codetype=XML]:before{background-color:#FF0C39}


/* Button View A Demo KT */
.button{font:15px Calibri,Arial,sans-serif;text-shadow:1px 1px 0 rgba(255,255,255,0.4);text-decoration:none!important;white-space:nowrap;display:inline-block;vertical-align:baseline;position:relative;cursor:pointer;background-repeat:no-repeat;padding:10px 18px}
.button:active{bottom:-1px}
.button.big{font-size:30px}
.button.medium{font-size:18px}
.button.small{font-size:12px}
.button.rounded{border-radius:3em}
.blue.button{
    color: #FFFFFF !important;
    border: 1.5px solid #1B7942 !important;
    background-color: #2ecc71;   
}
.blue.button:hover{
    background-color: #1B7942;
}
/* No Live Link */
#comments p a {
display: none !important; }

/* Mengetur kotak pesan */
#comment-editor{width:103%!important}
.comment-form{width:100%;max-width:100%}
